/* Ctrl + Shift + Alt + I */

@import "global/variables.css";
@import "global/global.css";
@import "tabbar/tabbar.css";
@import "navbar/navbar.css";
@import "personalbar/personalbar.css";

#identity-icon,
#connection-icon,
.urlbar-icon,
#identity-icon-labels,
#identity-box {
  display: none !important;
}

#nav-bar {
  border: none !important;
  box-shadow: none !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

/* thicc tabs */
.tab-background {
  height: 36px !important;
}

/* tab toolbar padding */
#TabsToolbar {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

/* tab titles */
.tab-text {
  text-transform: lowercase;
}

.tab-close-button {
  display: none !important;
}

.tab-label-container {
  text-align: center;
  display: inline-block;
}

/* expand tabs */
.tabbrowser-tab[fadein] {
  max-width: initial !important;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down,
toolbarbutton#new-tab-button,
#alltabs-button {
  display: none !important;
}

/* hide rounded corners of document when first/last tab selected */
#tabbrowser-tabs .scrollbox-innerbox,
.tabbrowser-arrowscrollbox {
  margin: 0 !important;
}

#tabbrowser-tabs {
  margin-left: -8px !important;
}

.tabbrowser-tab:first-child .tab-background::before {
  content: "";
  background: white;

  position: fixed;
  top: 36px;
  width: 6px;
  height: 6px;

  opacity: 0;
  transition: opacity 400ms;

  left: 0;
}

.tabbrowser-tab:last-of-type .tab-background::after {
  content: "";
  background: white;

  position: fixed;
  top: 36px;
  width: 6px;
  height: 6px;

  opacity: 0;
  transition: opacity 400ms;

  right: 0;
}

.tab-background[selected=true]::before, .tab-background[selected=true]::after {
  opacity: 1 !important;
}

/* no flash on load */
.tab-loading-burst {
  display: none !important;
}

/* favicons */
/*
.tab-icon-image {
  border-radius: 99px;
  display: block !important;
  filter: grayscale(100%) contrast(0%) brightness(50%);
}
*/

/* remove toolbox-appcontent border */
#navigator-toolbox::after {
  border-bottom: 0 !important;
}

/* userChrome.js (what sorcery is this??) */
/* this is for pretty floating scrollbars */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

toolbarbutton#alltabs-button {
    -moz-binding: url("userChrome.xml#js");
}
